
/*---搜索词联想的css------*/
#oul {
    margin: 0;
    padding: 0;
    position: absolute;
}
#back{
    width: 300px;
}

#bot_box {
    border-left: 1px solid #4C9ED9;;
    border-top: none;
    display: none;
}

#bot_box ul li {
    position: relative;
    z-index:999;
    line-height: 26px;
    list-style: none;
    padding-left: 10px;
    border-left: 0.5px solid teal;
    background: #FFFFFF;
    width: 500px;
    float: left;

}

#bot_box ul li:hover {
    background: #b9bca9;
}

/*背景*/
@-webkit-keyframes STAR-MOVE {
    from {
        background-position:0% 100%
    }
    to {
        background-position: 600% 0%
    }
}
@keyframes STAR-MOVE {
    from {
        background-position: 0% 0%
    }
    to {
        background-position: 600% 100%
    }
}
.wall{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}
div#background{
    background: black url('../img/background.png') repeat-x 5% 100%;
    background-size: cover;
    -webkit-animation: STAR-MOVE  200s linear infinite;
    -moz-animation: STAR-MOVE  200s linear infinite;
    -ms-animation: STAR-MOVE  200s linear infinite;
    animation: STAR-MOVE  200s linear infinite;
}
div#midground{
    background:url('../img/midground.png')repeat 20% 100% ;
    z-index: -1;
    -webkit-animation: STAR-MOVE  100s linear infinite;
    -moz-animation: STAR-MOVE  100s linear infinite;
    -ms-animation: STAR-MOVE  100s linear infinite;
    animation: STAR-MOVE  100s linear infinite;
}
div#foreground{
    background:url('../img/foreground.png')repeat 35% 100%;
    z-index: -1;
    -webkit-animation: STAR-MOVE  50s linear infinite;
    -moz-animation: STAR-MOVE  50s linear infinite;
    -ms-animation: STAR-MOVE  50s linear infinite;
    animation: STAR-MOVE  50s linear infinite;
}



